<div class="col-sm-12">
  <!-- BOX -->
  <div class="box">
    <div class="box-body">
      <div id="datatable1_wrapper" class="dataTables_wrapper form-inline " role="grid">
      	<div class="row">
          <div class="col-sm-10 nopadding-right">
        	  <!--搜索-->
            <div class="col-sm-3 nopadding-left">
        	    <div class="input-group full-width">
                {{#power-select class="input-group-content full-width" placeholder='客户姓名' options=customerList selected=customer searchField="sortName"
                noMatchesMessage="没有相关内容"	allowClear=true	onchange=(action "selectCustomer" ) as |customer|}}
                  {{customer.cname}}
                {{/power-select}}
        	    </div>
        	  </div>
            <div class="col-sm-3 nopadding-left">
        	    <div class="input-group full-width">
                {{#power-select class="input-group-content full-width" placeholder='执行人' options=staffList  selected=staff searchField="sortName"
                noMatchesMessage="没有相关内容"	allowClear=true	onchange=(action "selectStaff" ) as |staff|}}
                  {{staff.name}}
                {{/power-select}}
        	    </div>
        	  </div>
            <div class="col-sm-7 nopadding-right nopadding-left top10">
                <div class="data-title pull-left ">按执行时间搜索：</div>
                <span class="date-range pull-left">
                  <div class="btn-group">
                    <a class="js_update btn btn-default" href="#" {{action "search" "today" on="click"}}>今天</a>
                    <a class="js_update btn btn-default" href="#" {{action "search" "seven" on="click"}}>最近7天</a>
                    <a class="js_update btn btn-default" href="#" {{action "search" "thirty" on="click"}}>最近一个月</a>

                    <a id="reportrange" class="btn reportrange" {{action "showDate" on="click"}}>
                      <i class="fa fa-calendar"></i>
                      <span>自定义日期</span>
                      <i class="fa fa-angle-down"></i>
                    </a>
                  </div>
                 {{#if dateShow}}
                  <!-- 日期选择弹窗 -->
                  <div class="date-box form-input-group">
                      <div class="row">
                        <div class="col-xs-4 col-sm-4 org-title">开始时间：</div>
                        <!-- <div class="col-xs-8 col-sm-8">{{input class="input-group-content" type="date" value=beginDate}}</div> -->
                          <div class="col-xs-8 col-sm-8">
                        {{ui/addon/bs-datetimepicker date=null placeholder="开始时间"
                          locale="zh-CN" iconClasses="fa fa-calendar"
                           show="dpShowAction"  change="changeBeginDateAction"}}
                          </div>
                      </div>
                      <div class="row">
                        <div class="col-xs-4 col-sm-4 org-title">结束时间：</div>
                        <!-- <div class="col-xs-8 col-sm-8">{{input class="input-group-content" type="date" value=endDate}}</div> -->
                        <div class="col-xs-8 col-sm-8">
                      {{ui/addon/bs-datetimepicker date=null placeholder="结束时间"
                        locale="zh-CN" iconClasses="fa fa-calendar"
                         show="dpShowAction"  change="changeEndDateAction"}}
                        </div>
                      </div>
                      <div class="btn-row text-center">
                        <button class="btn btn-primary"  {{action "hideDate"  on="click"}}><i class="fa fa-check icon-white"></i>&ensp;确定</button>
                        <button class="btn btn-light-grey"  {{action "hideDate" on="click"}}><i class="fa fa-times"></i>&ensp;取消</button>
                      </div>
                  </div>
                  <!-- End 日期选择弹窗 -->
                  {{else}}
                  {{/if}}
                </span>
              </div>
        	  <!--搜索-->
          </div>
      	  <div class="user-add-btn col-sm-2 nopadding-left nopadding-right">
            {{#ui/mix-button class="user-btn pull-right" iconClass="fa-plus"  text='添加新记录'  clickAction="toDetailPage" toDetailPage="toDetailPage"}}
            {{/ui/mix-button}}
      	  </div>
      	</div>
        <table id="datatable1" cellpadding="0" cellspacing="0" border="0" class="table-fixed atatable table table-bordered table-hover dataTable" aria-describedby="datatable1_info">
          <thead>
            <tr role="row">
              <th rowspan="1" colspan="1" width="">客户姓名</th>
              <th rowspan="1" colspan="1" width="">执行人</th>
              <th rowspan="1" colspan="1" width="">项目名称</th>
              <th rowspan="1" colspan="1" width="">开始时间</th>
              <th rowspan="1" colspan="1" width="20%">备注</th>
            </tr>
          </thead>
          <tbody role="alert" aria-live="polite" aria-relevant="all" class="">
            {{#each planExeList as |plan|}}
            <tr {{action "toDetailPage" plan on="click"}}>
              <td class="ellipsis" >{{plan.plan.customer.name}}</td>
              <td class="ellipsis" >{{plan.exeStaff.name}}</td>
              <td class="ellipsis" >{{plan.serviceName}}</td>
              <td class="ellipsis">{{plan.planStartTimeString}}</td>
              <td class="ellipsis nowrap">{{plan.remarkStr}}</td>
            </tr>
            {{/each}}
          </tbody>
        </table>
        {{#if planExeList}}
            {{page-numbers content=planExeList showFL=true numPagesToShow=5}}
        {{else}}
                <h1 class="col-sm-12 center unTask"></h1>
        {{/if}}
      </div>
    </div>
  </div>

  <!-- /BOX -->
</div>
